
<template>
  <MyVanskeleton :loading="skeletonLoading">
    <template v-slot:my-content>
      <div class="company-style">
        <!-- 导航栏 start -->
        <van-nav-bar title="会员信息" left-arrow fixed  @click-left="$router.back()"/>
        <!-- 导航栏 end -->

        <!-- 内容 start -->
        <div class="content-top my-member">
          <ul>
            <li>
              <label>企业名称</label>
              <span>{{responseData.companyName}}</span>
            </li>
          </ul>
          <ul>
            <li>
              <label>企业编码</label>
              <span>{{responseData.companyID}}</span>
            </li>
            <li>
              <label>会员类型</label>
              <span>{{responseData.memberType}}</span>
            </li>
          </ul>
          <ul>
            <li>
              <label>注册时间</label>
              <span>{{responseData.regDate}}</span>
            </li>
            <li>
              <label>到期时间</label>
              <span>{{responseData.endDate}}</span>
            </li>
          </ul>
          <p v-if="false">
            <van-button block round type="primary" text="续费" color="#07f" @click="onXF"></van-button>
          </p>
        </div>
        <!-- 内容 end -->
      </div>
    </template>
  </MyVanskeleton>
</template>
<script>
import { NavBar, Button, Toast } from "vant";
export default {
  name: "Member",
  components: {
    [NavBar.name]: NavBar,
    [Button.name]: Button,
  },
  // 定义属性
  data() {
    return {
      skeletonLoading: true,
			responseData:{}
    };
  },
	mounted(){
		this.skeletonLoading = false;	
		this.loadData()
	},
  // 方法集合
  methods: {
		loadData(){
			this.$api.get('/CompanyAccount/GetMemberInfo').then(res=>{
				if(res.success){
					this.responseData = res.response;
				}
				else{Toast(res.msg);}
			})
		},
		onXF(){
			this.$router.push({name:'company-my-membership'});
		}
	},
};
</script>

<style lang="less">
@import "vant/lib/index.less";
@import "@/assets/css/company.less";
@import "@/assets/css/company.css";
</style>